From fd373162b547b777d9c31cdc2fc84b2e337e0d52 Mon Sep 17 00:00:00 2001 From: Benjamin Otte Date: Mon, 28 Mar 2016 01:50:32 +0200 Subject: [PATCH] theme: linear-gradient() needs 2 color-stops So make sure our _solid() function gives it two. --- gtk/theme/Adwaita/_drawing.scss | 2 +- gtk/theme/Adwaita/gtk-contained-dark.css | 192 +++++++++--------- gtk/theme/Adwaita/gtk-contained.css | 192 +++++++++--------- gtk/theme/HighContrast/_drawing.scss | 2 +- .../HighContrast/gtk-contained-inverse.css | 18 +- gtk/theme/HighContrast/gtk-contained.css | 18 +- 6 files changed, 212 insertions(+), 212 deletions(-) diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss index 731b3a2aaa..f48ed6b214 100644 --- a/gtk/theme/Adwaita/_drawing.scss +++ b/gtk/theme/Adwaita/_drawing.scss @@ -10,7 +10,7 @@ @function _solid($c) { // solid color image - @return linear-gradient(to bottom, $c); + @return linear-gradient(to bottom, $c, $c); } @mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 490a25c0bf..af01177bde 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -77,7 +77,7 @@ textview text { textview border { background-color: #313434; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background-repeat: no-repeat; } textview border:backdrop { background-color: #333636; } @@ -469,7 +469,7 @@ button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #212424; - background-image: linear-gradient(to bottom, #2a2f2f); + background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -478,7 +478,7 @@ button { button:backdrop.flat, button:backdrop { border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -496,7 +496,7 @@ button { button:backdrop:active, button:backdrop:checked { border-color: #262929; - background-image: linear-gradient(to bottom, #323737); + background-image: linear-gradient(to bottom, #323737, #323737); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -512,7 +512,7 @@ button { button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -528,7 +528,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #262929; - background-image: linear-gradient(to bottom, #272929); + background-image: linear-gradient(to bottom, #272929, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, @@ -549,7 +549,7 @@ button { notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -606,7 +606,7 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -619,7 +619,7 @@ button.osd { button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -631,7 +631,7 @@ button.osd { button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -643,7 +643,7 @@ button.osd { button.osd:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -652,7 +652,7 @@ button.osd { button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -663,7 +663,7 @@ button.osd { button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -673,7 +673,7 @@ button { button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -686,7 +686,7 @@ button { button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -697,7 +697,7 @@ button { button:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -706,7 +706,7 @@ button { button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -726,7 +726,7 @@ button { button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -736,7 +736,7 @@ button { button.flat:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -757,7 +757,7 @@ button { button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -795,7 +795,7 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f2b48; - background-image: linear-gradient(to bottom, #1b4e83); + background-image: linear-gradient(to bottom, #1b4e83, #1b4e83); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -803,7 +803,7 @@ button.suggested-action { button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #215d9c); + background-image: linear-gradient(to bottom, #215d9c, #215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -819,7 +819,7 @@ button.suggested-action { button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #184472); + background-image: linear-gradient(to bottom, #184472, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, @@ -835,7 +835,7 @@ button.suggested-action { button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -851,7 +851,7 @@ button.suggested-action { button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #1d4877); + background-image: linear-gradient(to bottom, #1d4877, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, @@ -872,7 +872,7 @@ button.suggested-action { color: rgba(33, 93, 156, 0.8); } button.suggested-action:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -893,7 +893,7 @@ button.suggested-action { button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5), rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -903,7 +903,7 @@ button.suggested-action { button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7), rgba(33, 93, 156, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -916,7 +916,7 @@ button.suggested-action { button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #215d9c); + background-image: linear-gradient(to bottom, #215d9c, #215d9c); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -927,7 +927,7 @@ button.suggested-action { button.suggested-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -936,7 +936,7 @@ button.suggested-action { button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5), rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -972,14 +972,14 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #760909; - background-image: linear-gradient(to bottom, #b90e0e); + background-image: linear-gradient(to bottom, #b90e0e, #b90e0e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #760909; - background-image: linear-gradient(to bottom, #d51010); + background-image: linear-gradient(to bottom, #d51010, #d51010); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -993,7 +993,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { border-color: #760909; - background-image: linear-gradient(to bottom, #a60c0c); + background-image: linear-gradient(to bottom, #a60c0c, #a60c0c); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, @@ -1007,7 +1007,7 @@ button.destructive-action { button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1021,7 +1021,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { border-color: #760909; - background-image: linear-gradient(to bottom, #a41212); + background-image: linear-gradient(to bottom, #a41212, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, @@ -1040,7 +1040,7 @@ button.destructive-action { color: rgba(213, 16, 16, 0.8); } button.destructive-action:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1061,7 +1061,7 @@ button.destructive-action { button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5), rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1071,7 +1071,7 @@ button.destructive-action { button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); + background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7), rgba(213, 16, 16, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1084,7 +1084,7 @@ button.destructive-action { button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #d51010); + background-image: linear-gradient(to bottom, #d51010, #d51010); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1095,7 +1095,7 @@ button.destructive-action { button.destructive-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1104,7 +1104,7 @@ button.destructive-action { button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5), rgba(213, 16, 16, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1190,13 +1190,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #212424; - background-image: linear-gradient(to bottom, #2a2f2f); + background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1210,7 +1210,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #949796; } .inline-toolbar toolbutton > button:backdrop { border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1218,13 +1218,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #949796; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #262929; - background-image: linear-gradient(to bottom, #323737); + background-image: linear-gradient(to bottom, #323737, #323737); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #949796; } .inline-toolbar toolbutton > button:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1232,7 +1232,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #5d6767; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #262929; - background-image: linear-gradient(to bottom, #272929); + background-image: linear-gradient(to bottom, #272929, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #5d6767; } @@ -1547,7 +1547,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1556,7 +1556,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1565,7 +1565,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1574,7 +1574,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1582,7 +1582,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1737,7 +1737,7 @@ headerbar { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f2b48; - background-image: linear-gradient(to bottom, #1b4e83); + background-image: linear-gradient(to bottom, #1b4e83, #1b4e83); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -1745,7 +1745,7 @@ headerbar { headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #215d9c); + background-image: linear-gradient(to bottom, #215d9c, #215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1763,7 +1763,7 @@ headerbar { headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #184472); + background-image: linear-gradient(to bottom, #184472, #184472); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, @@ -1780,7 +1780,7 @@ headerbar { headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #22558b); + background-image: linear-gradient(to bottom, #22558b, #22558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1797,7 +1797,7 @@ headerbar { headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #1d4877); + background-image: linear-gradient(to bottom, #1d4877, #1d4877); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0f2b48; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, @@ -1819,7 +1819,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #22558b); + background-image: linear-gradient(to bottom, #22558b, #22558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1866,7 +1866,7 @@ headerbar { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #212424; - background-image: linear-gradient(to bottom, #2a2f2f); + background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -1874,7 +1874,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1886,7 +1886,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1898,7 +1898,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1911,7 +1911,7 @@ headerbar { headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(33, 93, 156, 0); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0), rgba(33, 93, 156, 0)); box-shadow: none; padding-left: 10px; padding-right: 10px; } @@ -2659,7 +2659,7 @@ switch { border: 1px solid #0f2b48; } switch:disabled slider { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2668,7 +2668,7 @@ switch { switch:backdrop slider { transition: 200ms ease-out; border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2678,7 +2678,7 @@ switch { border-color: #0f2b48; } switch:backdrop:disabled slider { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2765,14 +2765,14 @@ radio { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #212424; - background-image: linear-gradient(to bottom, #2a2f2f); + background-image: linear-gradient(to bottom, #2a2f2f, #2a2f2f); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } check:disabled, radio:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2783,7 +2783,7 @@ radio { check:backdrop, radio:backdrop { border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2795,7 +2795,7 @@ radio { check:backdrop:disabled, radio:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2807,7 +2807,7 @@ radio { radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2817,7 +2817,7 @@ radio { radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2827,7 +2827,7 @@ radio { radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2837,7 +2837,7 @@ radio { radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2846,7 +2846,7 @@ radio { radio:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3034,7 +3034,7 @@ scale { border-color: #0f2b48; } scale slider:disabled { border-color: #212424; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3043,7 +3043,7 @@ scale { scale slider:backdrop { transition: 200ms ease-out; border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3051,7 +3051,7 @@ scale { color: #949796; } scale slider:backdrop:disabled { border-color: #262929; - background-image: linear-gradient(to bottom, #333636); + background-image: linear-gradient(to bottom, #333636, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3062,7 +3062,7 @@ scale { .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3073,7 +3073,7 @@ scale { .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3082,7 +3082,7 @@ scale { .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3091,7 +3091,7 @@ scale { .osd scale slider:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3099,7 +3099,7 @@ scale { .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3500,7 +3500,7 @@ scale { min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to bottom, #212424); + background-image: linear-gradient(to bottom, #212424, #212424); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -4030,7 +4030,7 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to bottom, #4e9a06); + background-image: linear-gradient(to bottom, #4e9a06, #4e9a06); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #215d9c; } @@ -4062,21 +4062,21 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: linear-gradient(to bottom, #212424); + background-image: linear-gradient(to bottom, #212424, #212424); background-size: 1px 1px; } paned > separator:selected { - background-image: linear-gradient(to bottom, #215d9c); } + background-image: linear-gradient(to bottom, #215d9c, #215d9c); } paned > separator:backdrop { - background-image: linear-gradient(to bottom, #262929); } + background-image: linear-gradient(to bottom, #262929, #262929); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #393f3f; - background-image: linear-gradient(to bottom, #212424), linear-gradient(to bottom, #212424); + background-image: linear-gradient(to bottom, #212424, #212424), linear-gradient(to bottom, #212424, #212424); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #393f3f; - background-image: linear-gradient(to bottom, #262929), linear-gradient(to bottom, #262929); } + background-image: linear-gradient(to bottom, #262929, #262929), linear-gradient(to bottom, #262929, #262929); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4151,7 +4151,7 @@ infobar { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f2b48; - background-image: linear-gradient(to bottom, #1b4e83); + background-image: linear-gradient(to bottom, #1b4e83, #1b4e83); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -4160,7 +4160,7 @@ infobar { .warning button:disabled, .error button:disabled { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #22558b); + background-image: linear-gradient(to bottom, #22558b, #22558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -4177,7 +4177,7 @@ infobar { .warning button:backdrop, .error button:backdrop { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #215d9c); + background-image: linear-gradient(to bottom, #215d9c, #215d9c); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4195,7 +4195,7 @@ infobar { .warning button:backdrop:disabled, .error button:backdrop:disabled { border-color: #0f2b48; - background-image: linear-gradient(to bottom, #22558b); + background-image: linear-gradient(to bottom, #22558b, #22558b); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4320,7 +4320,7 @@ colorswatch#add-color-button { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } colorswatch#add-color-button overlay:backdrop { border-color: #262929; - background-image: linear-gradient(to bottom, #393f3f); + background-image: linear-gradient(to bottom, #393f3f, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 2979e6f583..5a7fce5686 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -77,7 +77,7 @@ textview text { textview border { background-color: #f4f4f3; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); background-repeat: no-repeat; } textview border:backdrop { background-color: #f2f2f2; } @@ -469,7 +469,7 @@ button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #d4d4d2); + background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -478,7 +478,7 @@ button { button:backdrop.flat, button:backdrop { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -496,7 +496,7 @@ button { button:backdrop:active, button:backdrop:checked { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #dadad8); + background-image: linear-gradient(to bottom, #dadad8, #dadad8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, @@ -512,7 +512,7 @@ button { button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -528,7 +528,7 @@ button { button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e4e4e4); + background-image: linear-gradient(to bottom, #e4e4e4, #e4e4e4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, @@ -549,7 +549,7 @@ button { notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -609,7 +609,7 @@ button.osd { outline-color: rgba(238, 238, 236, 0.3); color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -622,7 +622,7 @@ button.osd { button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -634,7 +634,7 @@ button.osd { button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -646,7 +646,7 @@ button.osd { button.osd:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -655,7 +655,7 @@ button.osd { button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -666,7 +666,7 @@ button.osd { button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -676,7 +676,7 @@ button { button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -689,7 +689,7 @@ button { button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -700,7 +700,7 @@ button { button:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -709,7 +709,7 @@ button { button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -729,7 +729,7 @@ button { button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -739,7 +739,7 @@ button { button.flat:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -760,7 +760,7 @@ button { button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -798,7 +798,7 @@ button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #215d9c; - background-image: linear-gradient(to bottom, #2b7bcf); + background-image: linear-gradient(to bottom, #2b7bcf, #2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -806,7 +806,7 @@ button.suggested-action { button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); + background-image: linear-gradient(to bottom, #4a90d9, #4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -822,7 +822,7 @@ button.suggested-action { button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); + background-image: linear-gradient(to bottom, #2a76c6, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, @@ -838,7 +838,7 @@ button.suggested-action { button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -854,7 +854,7 @@ button.suggested-action { button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); + background-image: linear-gradient(to bottom, #5094db, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, @@ -875,7 +875,7 @@ button.suggested-action { color: rgba(74, 144, 217, 0.8); } button.suggested-action:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -896,7 +896,7 @@ button.suggested-action { button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5), rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -906,7 +906,7 @@ button.suggested-action { button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7), rgba(74, 144, 217, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -919,7 +919,7 @@ button.suggested-action { button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #4a90d9); + background-image: linear-gradient(to bottom, #4a90d9, #4a90d9); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -930,7 +930,7 @@ button.suggested-action { button.suggested-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -939,7 +939,7 @@ button.suggested-action { button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5), rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -975,14 +975,14 @@ button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #a60c0c; - background-image: linear-gradient(to bottom, #df1111); + background-image: linear-gradient(to bottom, #df1111, #df1111); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); + background-image: linear-gradient(to bottom, #ef2929, #ef2929); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -996,7 +996,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); + background-image: linear-gradient(to bottom, #d51010, #d51010); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, @@ -1010,7 +1010,7 @@ button.destructive-action { button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1024,7 +1024,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { border-color: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); + background-image: linear-gradient(to bottom, #ef3131, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, @@ -1043,7 +1043,7 @@ button.destructive-action { color: rgba(239, 41, 41, 0.8); } button.destructive-action:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1064,7 +1064,7 @@ button.destructive-action { button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5), rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1074,7 +1074,7 @@ button.destructive-action { button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); + background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7), rgba(239, 41, 41, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1087,7 +1087,7 @@ button.destructive-action { button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ef2929); + background-image: linear-gradient(to bottom, #ef2929, #ef2929); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1098,7 +1098,7 @@ button.destructive-action { button.destructive-action:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1107,7 +1107,7 @@ button.destructive-action { button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5), rgba(239, 41, 41, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1193,13 +1193,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #d4d4d2); + background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1213,7 +1213,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1221,13 +1221,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #dadad8); + background-image: linear-gradient(to bottom, #dadad8, #dadad8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #8b8e8f; } .inline-toolbar toolbutton > button:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1235,7 +1235,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { color: #c3c3c0; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e4e4e4); + background-image: linear-gradient(to bottom, #e4e4e4, #e4e4e4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #c3c3c0; } @@ -1554,7 +1554,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1563,7 +1563,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1572,7 +1572,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1581,7 +1581,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1589,7 +1589,7 @@ spinbutton.vertical button.down { .osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1744,7 +1744,7 @@ headerbar { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #215d9c; - background-image: linear-gradient(to bottom, #2b7bcf); + background-image: linear-gradient(to bottom, #2b7bcf, #2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -1752,7 +1752,7 @@ headerbar { headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); + background-image: linear-gradient(to bottom, #4a90d9, #4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1770,7 +1770,7 @@ headerbar { headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); + background-image: linear-gradient(to bottom, #2a76c6, #2a76c6); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, @@ -1787,7 +1787,7 @@ headerbar { headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #65a1df; - background-image: linear-gradient(to bottom, #65a1df); + background-image: linear-gradient(to bottom, #65a1df, #65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1804,7 +1804,7 @@ headerbar { headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); + background-image: linear-gradient(to bottom, #5094db, #5094db); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, @@ -1826,7 +1826,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button:disabled, headerbar.selection-mode button:disabled { border-color: #215d9c; - background-image: linear-gradient(to bottom, #65a1df); + background-image: linear-gradient(to bottom, #65a1df, #65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1873,7 +1873,7 @@ headerbar { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #d4d4d2); + background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -1881,7 +1881,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1893,7 +1893,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1905,7 +1905,7 @@ headerbar { .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -1918,7 +1918,7 @@ headerbar { headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(74, 144, 217, 0); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0), rgba(74, 144, 217, 0)); box-shadow: none; padding-left: 10px; padding-right: 10px; } @@ -2673,7 +2673,7 @@ switch { border: 1px solid #184472; } switch:disabled slider { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2682,7 +2682,7 @@ switch { switch:backdrop slider { transition: 200ms ease-out; border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2692,7 +2692,7 @@ switch { border-color: #4a90d9; } switch:backdrop:disabled slider { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2790,14 +2790,14 @@ radio { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #d4d4d2); + background-image: linear-gradient(to bottom, #d4d4d2, #d4d4d2); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } check:disabled, radio:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2808,7 +2808,7 @@ radio { check:backdrop, radio:backdrop { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -2820,7 +2820,7 @@ radio { check:backdrop:disabled, radio:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -2835,7 +2835,7 @@ radio { radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2845,7 +2845,7 @@ radio { radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -2855,7 +2855,7 @@ radio { radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2865,7 +2865,7 @@ radio { radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2874,7 +2874,7 @@ radio { radio:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3063,7 +3063,7 @@ scale { border-color: #184472; } scale slider:disabled { border-color: #b6b6b3; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3072,7 +3072,7 @@ scale { scale slider:backdrop { transition: 200ms ease-out; border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3080,7 +3080,7 @@ scale { color: #8b8e8f; } scale slider:backdrop:disabled { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #f1f1f1); + background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -3091,7 +3091,7 @@ scale { .osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3102,7 +3102,7 @@ scale { .osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8), rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -3111,7 +3111,7 @@ scale { .osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3120,7 +3120,7 @@ scale { .osd scale slider:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5), rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3128,7 +3128,7 @@ scale { .osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8), rgba(32, 37, 38, 0.8)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3529,7 +3529,7 @@ scale { min-height: 0; min-width: 0; } scale.color trough { - background-image: linear-gradient(to bottom, #b6b6b3); + background-image: linear-gradient(to bottom, #b6b6b3, #b6b6b3); background-repeat: no-repeat; } scale.color.horizontal { padding: 0 0 15px 0; } @@ -4059,7 +4059,7 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to bottom, #4e9a06); + background-image: linear-gradient(to bottom, #4e9a06, #4e9a06); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #4a90d9; } @@ -4091,21 +4091,21 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: linear-gradient(to bottom, #b6b6b3); + background-image: linear-gradient(to bottom, #b6b6b3, #b6b6b3); background-size: 1px 1px; } paned > separator:selected { - background-image: linear-gradient(to bottom, #4a90d9); } + background-image: linear-gradient(to bottom, #4a90d9, #4a90d9); } paned > separator:backdrop { - background-image: linear-gradient(to bottom, #c0c0bd); } + background-image: linear-gradient(to bottom, #c0c0bd, #c0c0bd); } paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #e8e8e7; - background-image: linear-gradient(to bottom, #b6b6b3), linear-gradient(to bottom, #b6b6b3); + background-image: linear-gradient(to bottom, #b6b6b3, #b6b6b3), linear-gradient(to bottom, #b6b6b3, #b6b6b3); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #e8e8e7; - background-image: linear-gradient(to bottom, #c0c0bd), linear-gradient(to bottom, #c0c0bd); } + background-image: linear-gradient(to bottom, #c0c0bd, #c0c0bd), linear-gradient(to bottom, #c0c0bd, #c0c0bd); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -4180,7 +4180,7 @@ infobar { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #215d9c; - background-image: linear-gradient(to bottom, #2b7bcf); + background-image: linear-gradient(to bottom, #2b7bcf, #2b7bcf); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -4189,7 +4189,7 @@ infobar { .warning button:disabled, .error button:disabled { border-color: #215d9c; - background-image: linear-gradient(to bottom, #65a1df); + background-image: linear-gradient(to bottom, #65a1df, #65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -4206,7 +4206,7 @@ infobar { .warning button:backdrop, .error button:backdrop { border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); + background-image: linear-gradient(to bottom, #4a90d9, #4a90d9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4224,7 +4224,7 @@ infobar { .warning button:backdrop:disabled, .error button:backdrop:disabled { border-color: #65a1df; - background-image: linear-gradient(to bottom, #65a1df); + background-image: linear-gradient(to bottom, #65a1df, #65a1df); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); @@ -4349,7 +4349,7 @@ colorswatch#add-color-button { box-shadow: inset 0 1px white; } colorswatch#add-color-button overlay:backdrop { border-color: #c0c0bd; - background-image: linear-gradient(to bottom, #e8e8e7); + background-image: linear-gradient(to bottom, #e8e8e7, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } diff --git a/gtk/theme/HighContrast/_drawing.scss b/gtk/theme/HighContrast/_drawing.scss index 43b2de1607..4113208096 100644 --- a/gtk/theme/HighContrast/_drawing.scss +++ b/gtk/theme/HighContrast/_drawing.scss @@ -8,7 +8,7 @@ @function _solid($c) { // solid color image - @return linear-gradient(to bottom, $c); + @return linear-gradient(to bottom, $c, $c); } @mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css b/gtk/theme/HighContrast/gtk-contained-inverse.css index f804156239..9be5a90fb4 100644 --- a/gtk/theme/HighContrast/gtk-contained-inverse.css +++ b/gtk/theme/HighContrast/gtk-contained-inverse.css @@ -202,7 +202,7 @@ entry { background-image: linear-gradient(to bottom, #090909, #111 90%); color: gray; border-color: gray; - background-image: linear-gradient(to bottom, #070707); + background-image: linear-gradient(to bottom, #070707, #070707); box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { @@ -210,7 +210,7 @@ entry { border-style: solid; background-image: linear-gradient(to bottom, #090909, #111 90%); color: #fff; - background-image: linear-gradient(to bottom, #111); + background-image: linear-gradient(to bottom, #111, #111); box-shadow: 0 1px rgba(255, 255, 255, 0); } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { @@ -218,7 +218,7 @@ entry { border-style: solid; background-image: linear-gradient(to bottom, #090909, #111 90%); color: gray; - background-image: linear-gradient(to bottom, #000); + background-image: linear-gradient(to bottom, #000, #000); box-shadow: 0 1px rgba(255, 255, 255, 0); } spinbutton.error:not(.vertical), entry.error { @@ -320,12 +320,12 @@ entry { entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #323232; - background-image: linear-gradient(to bottom, #111); } + background-image: linear-gradient(to bottom, #111, #111); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #2e2e2e; - background-image: linear-gradient(to bottom, #111); } + background-image: linear-gradient(to bottom, #111, #111); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { @@ -2548,7 +2548,7 @@ levelbar trough { border-style: solid; background-image: linear-gradient(to bottom, #090909, #111 90%); color: #fff; - background-image: linear-gradient(to bottom, #111); + background-image: linear-gradient(to bottom, #111, #111); box-shadow: 0 1px rgba(255, 255, 255, 0); } levelbar block { min-width: 32px; @@ -2871,7 +2871,7 @@ calendar { background: linear-gradient(to bottom, #050505, black); border-bottom-color: #404040; } calendar.header:backdrop { - background-image: linear-gradient(to bottom, #000); + background-image: linear-gradient(to bottom, #000, #000); border-bottom-color: #3a3a3a; } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } @@ -3120,9 +3120,9 @@ placesview row.activatable:hover { paned separator { min-width: 1px; min-height: 1px; - background-image: linear-gradient(to bottom, gray); } + background-image: linear-gradient(to bottom, gray, gray); } paned separator:backdrop { - background-image: linear-gradient(to bottom, #737373); } + background-image: linear-gradient(to bottom, #737373, #737373); } paned:dir(ltr).horizontal separator { margin: 0 -8px 0 0; padding: 0 8px 0 0; } diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css index fc4af7b451..59df69cb44 100644 --- a/gtk/theme/HighContrast/gtk-contained.css +++ b/gtk/theme/HighContrast/gtk-contained.css @@ -202,7 +202,7 @@ entry { background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%); color: gray; border-color: gray; - background-image: linear-gradient(to bottom, white); + background-image: linear-gradient(to bottom, white, white); box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { @@ -210,7 +210,7 @@ entry { border-style: solid; background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%); color: #000; - background-image: linear-gradient(to bottom, #fff); + background-image: linear-gradient(to bottom, #fff, #fff); box-shadow: 0 1px rgba(255, 255, 255, 0); } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { @@ -218,7 +218,7 @@ entry { border-style: solid; background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%); color: gray; - background-image: linear-gradient(to bottom, #fff); + background-image: linear-gradient(to bottom, #fff, #fff); box-shadow: 0 1px rgba(255, 255, 255, 0); } spinbutton.error:not(.vertical), entry.error { @@ -320,12 +320,12 @@ entry { entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #d9d9d9; - background-image: linear-gradient(to bottom, #fff); } + background-image: linear-gradient(to bottom, #fff, #fff); } .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { border-top-color: #dddddd; - background-image: linear-gradient(to bottom, #fff); } + background-image: linear-gradient(to bottom, #fff, #fff); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { @@ -2555,7 +2555,7 @@ levelbar trough { border-style: solid; background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%); color: #000; - background-image: linear-gradient(to bottom, #fff); + background-image: linear-gradient(to bottom, #fff, #fff); box-shadow: 0 1px rgba(255, 255, 255, 0); } levelbar block { min-width: 32px; @@ -2878,7 +2878,7 @@ calendar { background: linear-gradient(to bottom, white, #fafafa); border-bottom-color: silver; } calendar.header:backdrop { - background-image: linear-gradient(to bottom, #fff); + background-image: linear-gradient(to bottom, #fff, #fff); border-bottom-color: #c6c6c6; } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } @@ -3127,9 +3127,9 @@ placesview row.activatable:hover { paned separator { min-width: 1px; min-height: 1px; - background-image: linear-gradient(to bottom, gray); } + background-image: linear-gradient(to bottom, gray, gray); } paned separator:backdrop { - background-image: linear-gradient(to bottom, #8d8d8d); } + background-image: linear-gradient(to bottom, #8d8d8d, #8d8d8d); } paned:dir(ltr).horizontal separator { margin: 0 -8px 0 0; padding: 0 8px 0 0; } -- 2.30.2